<template>
	<div class="city">
		<div class="cityhead">
			<label>选择城市</label>
			<router-link to="/">
				<i class="iconfont">&#xe600;</i>
			</router-link>
		</div>
		<CityList></CityList>
	</div>
	
</template>

<script>
	import CityList from './page/CityList.vue';
	
	export default{
		name:'City',
		components:{
			CityList
		}
	}
</script>

<style scoped>
.cityhead{
	background-color: #fed101;
	width: 100%;
	height: 1.3rem;
	text-align: center;
}
.cityhead label{
	line-height: 1.3rem;
	font-size: 0.4rem;
}
.cityhead i{
	float: right;
	font-size: 0.3rem;
	margin-right: 0.3rem;
	line-height: 1.3rem;
}
</style>
